/*
Name: Nice Login and Signup Panel using Mootools 1.2
Tutorial URI: http://web-kreation.com/demos/login_form_mootools_1.2/
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: August 2008

	The CSS, XHTML and design is released under Creative Common License 2.5:
	http://creativecommons.org/licenses/by-sa/2.5/

*/

html, body {
    border: 0;
    margin: 0;
    padding: 0;
}

body {
    font: 85%/0.9 Microsoft YaHei, helvetica, sans-serif;
    background: url(../images/medicine.jpg) repeat fixed;
    line-height: 130%;
    width: 100%;
    min-width: 970px;
    color: black;
}

a {
    text-decoration: none;
}

a img {
    border: none; /*remove border for linked images*/
}

h1 {
    font-size: 1.6em;
    height: 20px;
    padding-top: 0;
}

h2 {
    font-size: 1.3em;
    height: 20px;
    padding-top: 0;
}

.highlight {
    background-color: #FF9D9D;
    border-bottom: #F30 1px solid;
    border-top: #F30 1px solid;
    padding: 4px 10px
}

/***** Main Layout ****/
#container {
    width: 100%;
    height: 100%;
    text-align: center; /* IE fix to center the page */
}

#content {
    font:Microsoft YaHei, helvetica, sans-serif;
    width: 800px;
    margin: 0 auto; /* center the page in Firefox */
    text-align: left;
    padding: 20px;
}

.well {
    background-color: #F5F5F5;
    font-family: Microsoft YaHei, monospace;
    border: 2px solid #272727;
    border-radius: 4px 4px 4px 4px;
    box-shadow:3px 3px 6px 0 #666;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}
.indexbuttom {
    text-align: center;
}


#flexme1 th {
    background: repeat-x scroll center left;
    text-align: left;
}

#flexme1 li {
    white-space: normal;
    width: 700px;
}

#flexme1 tr.odd td {
    cursor: pointer;
}

#flexme1 div.arrow {
    background: transparent url(/images/arrows.png) no-repeat scroll 0px -16px;
    width: 16px;
    height: 16px;
    display: block;
}

#flexme1 div.up {
    background-position: 0px 0px;
}

.newsletter_area input[type="text"] {
    background-position: left top;
    color: #A3A2A4;
    position: relative;
    left: 100px;
    font-size: 24px;
    height: 64px;
    padding: 0 40px;
    width: 450px;
}
.newsletter_area input {
    background: transparent url("../images/newsletter_bkgs.png");
    border: medium none;
}

.newsletter_area input[type="submit"] {
    background-position: right top;
    height: 68px;
    opacity: 0.9;
    position: relative;
    left: 70px;
    top: -3px;
    width: 146px;
}
.newsletter_area input {
    background: transparent url("../images/newsletter_bkgs.png");
    border: medium none;
}
.newsletter_area input[type="submit"]:hover {
    opacity: 1;
}

.flexigrid div.fbutton .add {
    background: url("../images/add.png") no-repeat scroll left center transparent;
}
.flexigrid div.fbutton span {
    display: block;
    float: left;
    padding: 3px;
}
.flexigrid div.fbutton .delete {
    background: url("../images/close.png") no-repeat scroll left center transparent;
}
.flexigrid div.fbutton .selectAll {
    background: url("../images/accept.png") no-repeat scroll left center transparent;
}
.flexigrid div.fbutton .all {
    background: url("../images/table.png") no-repeat scroll left center transparent;
}
.flexigrid div.fbutton .data {
    background: url("../images/drive.png") no-repeat scroll left center transparent;
}

ul li {
    background: url("../images/next.gif") no-repeat scroll left center transparent;
    list-style: none outside none;
    padding: 3px 3px 3px 20px;
}

#edit{
    font-family: Microsoft YaHei, monospace;
    font-size: 75%;
    font-weight: bold;
    color: #1A1A1A;
    text-decoration: underline;
}

.mybutton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Microsoft YaHei, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    color: #ffffff;
}
.mybutton:hover {
    text-decoration: none;
}
.mybutton:active {
    position: relative;
    top: 1px;
}

/* blue */
.blue {
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top,  #00adee,  #0078a5);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
    background: #007ead;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top,  #0095cc,  #00678e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
    color: #80bed6;
    background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
    background: -moz-linear-gradient(top,  #0078a5,  #00adee);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}